*{padding:0;margin:0}
body,html{width:100%}
body{background:url(../dist/img/bg.jpg) no-repeat;background-size:cover;-webkit-background-size:cover}
.clearfix:after{clear:both;display:table;content:''}
.left{float:left}
.right{float:right}
.container{position:absolute;-webkit-transform:perspective(1000px);-moz-transform:perspective(1000px);-ms-transform:perspective(1000px);-o-transform:perspective(1000px);transform:perspective(1000px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;width:60%;height:60%;left:20%;top:20%}
.element,.js_current_dom{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.btn_circle{height:70px;width:230px;line-height:70px;text-align:center;font-size:34px;font-weight:700;letter-spacing:4px;border-radius:14px;box-shadow:3px 5px 10px 0 rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(left top, rgb(248, 200, 106), rgb(248, 200, 106), rgb(248, 213, 149), rgb(248, 213, 149), rgb(236, 153, 60), rgb(236, 153, 60), rgb(249, 145, 24), rgb(249, 145, 24));cursor: pointer;color: #CF0D2B;position: absolute;right: 50px;bottom: 50px;z-index:9;-webkit-transition:all 0.7s linear;-moz-transition:all 0.7s linear;-ms-transition:all 0.7s linear;-o-transition:all 0.7s linear;transition:all 0.7s linear;}
.btn_start{position:static;margin:15px auto 0 auto;width:160px;float:left}
.mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;z-index:999}
.ligth-left{position:relative;right:-110px;top:-30px}
.light-right{position:relative;right:90px;top:-20px}
.lucky_title{text-align:center;font-weight:bolder;font-size:44px}
#prize p{text-align:center}
.mybtn{width:125px;height:50px;border-radius:40px;margin:20px 10px 15px 10px;font-size:22px;text-align:center;font-weight:700;background-color:#f76168;border:1px solid #fff}
.lucky_list{margin-top:-55px}
.lucky_title span{color:#fff}
.button_list{width:25.3%;margin:20px 1% 20px 1%;color:#fff;letter-spacing:2px}
.prize_list{text-align:center;width:42.3%;min-width:580px;margin-top:-30px}
.layui-table-cell{text-align:center}
.layui-table tr{display:block}
.layui-table-view .layui-table{color:#fff}
.layui-table-hover{color:#000!important}
tbody tr:hover{color:#000}
.layui-table-header .layui-table{width:100%}
.layui-table{background-color:rgba(160,25,31,.4)}
.layui-table thead tr{background-color:#cf2026}
.layui-table-header,.layui-table-view .layui-table td,.layui-table-view .layui-table th{border:none}
.layui-table-box{color:#fff}
.prize_list h2{margin-top:55px;font-size:30px;color:#fff;font-weight:700}
.layui-table-view{height:500px!important;text-align:center;width:550px;border:4px ridge #f2f2f259;margin:20px auto}
#rule_list+.layui-table-view{width:635px}
#rule_list+.layui-table-view table tbody .layui-table-hover td span{color:black !important}
::-webkit-scrollbar{display:none}
.rule_list{width:calc(30.3% - 10px);padding:48px 0;color:#fff}
#position{height:180px}
#position ul li{height:45px;width:165px;font-size:30px;font-weight:700;text-indent:40px;line-height:45px;float:left;margin-top:30px;margin-left:5px;cursor:pointer}
#position ul li:first-child{background:url(../dist/img/position-selected.png) no-repeat;color:#f5d728de}
#position ul li:last-child{background:url(../dist/img/position.png) no-repeat}
.rule_list h2{font-size:34px;font-weight:700}
.rule_list p{font-size:24px;margin:20px 0}
.flex{display:flex;flex-direction:row}
button:focus{outline:0}
.lucky_prize_picture{width:160px;display:flex;justify-content:center;align-items:center}
.lucky_prize_show{max-width:100%;max-height:100%}
.lucky_people_title{width:100%;height:60px;background-color:#f22;font-size:24px;color:#fff;text-align:center;line-height:60px;font-weight:700}
.lucky_setting{height:50px;background-color:#f22;font-size:16px;color:#fff;text-align:left;line-height:50px;padding:0 10px;font-weight:700;margin-top:25px}
.select_box{float:right;margin-top:1px}
.select_lucky_number{font-size:22px;border:1px solid #eee;outline:0}
.lucky_number{font-size:24px}
.lucky_prize_title{height:50px;background-color:#f22;color:#fff;text-align:center;line-height:50px;font-weight:700;margin-top:25px}
.lucky_userInfo{width:80%;margin:0 auto;height:600px;margin-top:calc(50vh - 400px)}
.lpl_list{margin-top:20px;height:480px;overflow:auto;box-sizing:border-box}
.title{color:#ffb800d4;font-style:italic;font-weight:bolder;text-align:center;font-size:40px;margin:40px 0}
.prize_img{margin-left:calc(50% - 400px);margin-right:50px;width:350px}
.lucky_user{margin:20px 0;background-color:rgba(51,51,51,.16);border:2px ridge #f2f2f259}
.lucky_user,.prize_img{float:left}
.lucky_user p{color:#fff;font-size:30px;margin:20px}
.prize_img img{float:left;width:340px}
.loader_file{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:999999;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}
.none{display:none}
.phone{position:absolute;top:41px;left:-12px;font-size:12px;color:#fff}
@media screen and (min-width:1360px) and (max-width:1439px){.lucky_title{margin-top:-5px}
    .lucky_list.clearfix{margin-top:-40px}
}
@media screen and (min-width:1440px) and (max-width:1919px){.lucky_title{margin-top:10px}
    .lucky_list.clearfix{margin-top:-5px}
}
@media screen and (min-width:1920px){.lucky_title{margin-top:50px}
    .lucky_list.clearfix{margin-top:30px}
    .left.prize_list img{width:450px}
}
.layui-form-label{float:right;width:120px;text-align:left;margin-right:40px}
.layui-input-block{margin-left:50px;margin-top:20px}
.layui-unselect.layui-form-select{width:100px}
.layui-form-select .layui-input{background-color:rgba(160,25,31,.4);width:100px;border-radius:5px;color:#fff;font-weight:700}
.layui-unselect.layui-form-select.layui-form-selected{width:100px}
.layui-form-selected dl{background-color:rgba(160,25,31,.7)}
.layui-form-select dl dd.layui-this{background-color:#ff5722}
.layui-form-select dl{padding:0}
.layui-form-select dl dd:hover{color:#000}
#lave{margin-left:50px;color:#000;font-size:16px}
.rule_list tbody tr{display:block}
table{height:100%}
#result{position:static;margin:15px auto 0 auto;width:170px;float:right;height:70px;line-height:70px;text-align:center;background-color:#fff;font-size:34px;font-weight:700;letter-spacing:4px;border-radius:14px;cursor:pointer;color:#f8c878;border:2px solid #f8c878;right:50px;bottom:50px;z-index:9;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-ms-transition:all .7s linear;-o-transition:all .7s linear;transition:all .7s linear}
.container.none div{transition: opacity 10s ease-in-out;}
